<div class="layui-carousel" id="test1" lay-filter="test1">
  <div carousel-item="">
    <div><img src="public/images/001.jpg"></div>
    <div><img src="public/images/002.jpg"></div>
    <div><img src="public/images/003.jpg"></div>
  </div>
</div>

<div class="layui-tab">
  <ul class="layui-tab-title">
    <li class="layui-this">国内</li>
    <li>国际</li>
  </ul>
  <div class="layui-tab-content">
    <div class="layui-tab-item layui-show">
		<ul class="fly-case-list"></ul>
    </div>
    <div class="layui-tab-item">
    	<ul class="st-cp-list">
			<li> <div class="pic"> <img src="http://www.situcms.com/uploads/2017/1020/07a128d3598250fd2cda76a965823148_285x194.png" alt="长沙+张家界+天门山+玻璃栈道+黄龙洞+凤凰古城双飞6日跟团游" style="display: inline;"> <div class="buy"><a href="http://www.situcms.com/lines/show_12.html" target="_blank" title="长沙+张家界+天门山+玻璃栈道+黄龙洞+凤凰古城双飞6日跟团游">立即预定</a></div> </div> <div class="js"> <a class="tit" href="http://www.situcms.com/lines/show_12.html" target="_blank" title="长沙+张家界+天门山+玻璃栈道+黄龙洞+凤凰古城双飞6日跟团游">长沙+张家界+天门山+玻璃栈道+黄龙洞+凤凰古城双飞6日跟团游 </a> <p class="attr">  </p> <p class="num">  <del>原价：<i class="currency_sy">￥</i>950</del>  <span>  <b><i class="currency_sy">￥</i>1000</b>起  </span> </p> </div> </li>  
			<li> <div class="pic"> <img src="http://www.situcms.com/uploads/2017/0428/1d6a064f0dd5b29398ed7cfc55ffee32_285x194.jpg" alt="广西桂林+阳朔+漓江5日4晚跟团游+龙脊0自费 门票1100元 吊脚楼+椿记+喜来登" style="display: inline;"> <div class="buy"><a href="http://www.situcms.com/lines/show_66.html" target="_blank" title="广西桂林+阳朔+漓江5日4晚跟团游+龙脊0自费 门票1100元 吊脚楼+椿记+喜来登">立即预定</a></div> </div> <div class="js"> <a class="tit" href="http://www.situcms.com/lines/show_66.html" target="_blank" title="广西桂林+阳朔+漓江5日4晚跟团游+龙脊0自费 门票1100元 吊脚楼+椿记+喜来登">广西桂林+阳朔+漓江5日4晚跟团游+龙脊0自费 门票1100元 吊脚楼+椿记+喜来登 </a> <p class="attr">  </p> <p class="num">  <del>原价：<i class="currency_sy">￥</i>1230</del>  <span>  <b><i class="currency_sy">￥</i>2650</b>起  </span> </p> </div> </li>  
			<li> <div class="pic"> <img src="http://www.situcms.com/uploads/main/litimg/20150722/20150722154931_285x194.png" alt="厦门+鼓浪屿+福建土楼5日4晚跟团游 3晚威斯汀+5星下午茶 1晚岛上" style="display: inline;"> <div class="buy"><a href="http://www.situcms.com/lines/show_199.html" target="_blank" title="厦门+鼓浪屿+福建土楼5日4晚跟团游 3晚威斯汀+5星下午茶 1晚岛上">立即预定</a></div> </div> <div class="js"> <a class="tit" href="http://www.situcms.com/lines/show_199.html" target="_blank" title="厦门+鼓浪屿+福建土楼5日4晚跟团游 3晚威斯汀+5星下午茶 1晚岛上">厦门+鼓浪屿+福建土楼5日4晚跟团游 3晚威斯汀+5星下午茶 1晚岛上 </a> <p class="attr">  <img src="http://www.situcms.com/uploads/main/allimg/20140616/20140616170628.gif" style="display: block;">  </p> <p class="num">  <span>  <b><i class="currency_sy">￥</i>3660</b>起  </span> </p> </div> </li> 
		</ul>
    </div>
  </div>
</div>

<script type="text/template" id="tpl-case-item">  
<li data-id="<%= id %>">
<a class="fly-case-img" href="<%= href %>" target="_blank" rel="nofollow">
	<img src="<%= img %>" alt="<%= title %>">
	<cite class="layui-btn layui-btn-primary layui-btn-small">去围观</cite>
</a>
<h2><a href="<%= href %>" target="_blank" rel="nofollow"><%= title %></a></h2>
<p class="fly-case-desc"><%= desc %></p>
<div class="fly-case-info"> 
	<a href="<%= user.href %>" class="fly-case-user" target="_blank">
		<img src="<%= user.avatar %>">
	</a>
	<p class="layui-elip" style="font-size: 12px;"><span style="color: #666;"><%= user.name %></span> <%= pubDate %> </p>
	<p>获得<a class="fly-case-nums fly-case-active" href="javascript:;" data-type="showPraise" style=" padding:0 5px; color: #01AAED;"><%= zan %></a>个赞</p>
	<button class="layui-btn layui-btn-primary fly-case-active" data-type="praise">点赞</button> 
</div>
</li>
</script>

<script type="text/template" id="tpl-fly-case-list">
</script>

<script type="text/javascript">
layui.use(['carousel'], function(){
	var carousel = layui.carousel;

	carousel.render({
		elem: '#test1',
		width: '100%',
		arrow: 'always'
	});
});

require(['jquery', 'underscore', 'backbone', 'components/flylist/CaseList', 'components/flylist/CaseListView'], 
function ($, _, Backbone, CaseList, CaseListView){
	window.caseListView = new CaseListView({
		model: new CaseList()
	});
});
</script>